/* main color is dark red ish: #78002e */
/* text/background color is light pink: #ff8ce4 */
/*GENERAL */
body {
  background: #f4f4f4;
  /*background-image: url("/Images/pink-stars.png");*/
  
  color: #000000;
  
  font-family: "Lucida Console";
  letter-spacing: 2px;
  max-width: 900px;
  margin: 0 auto;
  border-color: #ff8ce4;
}

header {
  background-color: #fcfafa;
  border: solid;
  text-align: center;
  font-size: 1.3em;
}




.list-item-div {
  margin: 3% 0%;
}




#main-flex-container {
  display: flex;
  flex-direction: column;
}

#feed-flex-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0% 0% 0% 1%;
}

#feed-flex-container > div {
  background-color: #f4f4f4;
  border: solid;
  text-align: center;
  margin: 0% 0% 1% 0%;
}

#feed-flex-container > .portal-div{
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0% 0% 0% 0%;
}

#portal-flex-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin: 0% 0% 0% 0%;
}

#side-column {
  background-color: #f4f4f4;
  border: solid;
  text-align: center;
  width: 15%;
}

.portal-div {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  font-size: 1.3em;
}

.my-room-next-link {
  width:100%; 
  text-align:left;
  font-size:0.8em;
}

.my-room-narrator {
  font-size: 1.25em;
  color: #000000;
}

.my-room-thalia {
  font-size: 1em;
  color: #7c5cff;
}

.my-room-thalia-little {
  font-size: 0.75em;
  color: #7c5cff;
}